﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Indicadores.aspx.cs" Inherits="Proyectos_Indicadores" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
        /*
        * Pone el icono de eliminar fila en las tablas que lo requieren
        */
        var PonerIconoEliminar = function() {
            return '<img class="imgEliminar" ext:qtip="Click para eliminar esta fila..." style="cursor:pointer;" src="../../resources/images/expand-all.gif" alt="Icon"/>';
        }
        /*
        * Enlasa los iconos de eliminar fila con el respectivo metodo
        * para quitar visualmente la fila de la tabla...
        */
        var cellClick = function(grid, rowIndex, columnIndex, e) {
            var t = e.getTarget();
            var record = grid.getStore().getAt(rowIndex);  // Get the Record
            var columnId = grid.getColumnModel().getColumnId(columnIndex); // Get column id

            

            if (t.className == 'imgEliminar' && columnId == 'colEliminarArea') {
                EliminarFilaArea();
                return true;
            }

            if (t.className == 'imgEliminar' && columnId == 'colEliminarIndicador') {
                EliminarFilaIndicador();
                return true;
            }

            return false;
        }
        /*
        * Permite reconocer si el numero enviado es positivo
        * caso contrario si no es va a lanzar los respectivos msgs
        */
        var validarNumerosPositivos = function(numero) {
            var n = parseFloat(numero);
            if (validarEntero(numero)) {
                if (n >= 0) {
                    return convertirNumero(numero);
                } else {
                    MostrarMensajeError('Solo ingresar números positivos...');
                    return 0;
                }
            } else {
                MostrarMensajeError('Número Invalido, solo ingresar números positivos...');
                return 0;
            }
        }
        /*
        * Muestra el mensaje enviado como parametro
        * con el icono de error
        */
        function MostrarMensajeError(msg) {
            Ext.Msg.show({
                title: 'Error',
                msg: msg,
                minWidth: 200,
                modal: true,
                icon: Ext.Msg.ERROR,
                buttons: Ext.Msg.OK
            });
        }

        /*
        * Valida si el valor enviado es entero o texto
        */
        function validarEntero(valor) {
            valor = parseInt(valor);
            if (isNaN(valor)) {
                //entonces (no es numero)
                return false;
            } else {
                return true;
            }
        }
    </script>
    
</head>


<body>
<script type="text/javascript">
	function InsertarFilaIndicador() {
        var NombreIndicador = document.getElementById('<%= cbxIndicador.ClientID %>').value;
        var PaisIndicador = 'Ecuador';
        var RegionIndicador = document.getElementById('<%= cbxRegionIndicador.ClientID %>').value;
        var ProvinciaIndicador = document.getElementById('<%= cbxProvinciaIndicador.ClientID %>').value;
        var CantonIndicador = document.getElementById('<%= cbxCantonIndicador.ClientID %>').value;
        var ValorInicial = document.getElementById('<%= txtValorInicial.ClientID %>').value;

        var grid = <%= gpIndicadores.ClientID %>;
        var newrec = grid.insertRecord(0, {});

        newrec.newRecord = true;
        newrec.set('NombreIndicador', NombreIndicador);
        
        newrec.set('RegionIndicador', RegionIndicador);
        newrec.set('ProvinciaIndicador', ProvinciaIndicador);
        newrec.set('CantonIndicador',CantonIndicador);
        newrec.set('ValorInicial', ValorInicial);
        newrec.set('ValorFinal', '0');
        newrec.set('Impacto', '0');
        return true;
     }

     function EliminarFilaIndicador() {
        var grid = <%= gpIndicadores.ClientID %>;
        grid.deleteSelected();
     }
     
         
    function CalculoImpacto(source){
        var fila = source.selModel.getSelected();
        
        var valInicial = fila.data['ValorInicial'];
        var valFinal = fila.data['ValorFinal'];
        var impacto = valFinal - valInicial;
        fila.set('Impacto',impacto);
    }
</script>
<script type="text/javascript">
	function InsertarFilaArea() {
        var Pais = 'Ecuador';
        var Region = document.getElementById('<%= cbxRegionArea.ClientID %>').value;
        var Provincia = document.getElementById('<%= cbxProvinciaArea.ClientID %>').value;
        var Canton = document.getElementById('<%= cbxCantonArea.ClientID %>').value;
        var Area = document.getElementById('<%= txtArea.ClientID %>').value;
        var PoblacionDirecta = document.getElementById('<%= txtPoblacionDirecta.ClientID %>').value;
        var PoblacionIndirecta = document.getElementById('<%= txtPoblacionIndirecta.ClientID %>').value;

        var grid = <%= gpArea.ClientID %>;
        var newrec = grid.insertRecord(0, {});

        newrec.newRecord = true;
        newrec.set('Pais', Pais);
        newrec.set('Region', Region);
        newrec.set('Provincia', Provincia);
        newrec.set('Canton',Canton);
        newrec.set('Area', Area);
        newrec.set('PoblacionDirecta', PoblacionDirecta);
        newrec.set('PoblacionIndirecta', PoblacionIndirecta);

        return true;
     }

     function EliminarFilaArea() {
        var grid = <%= gpArea.ClientID %>;
        grid.deleteSelected();
     }
</script>
    <form id="form1" runat="server">
    
    <ext:ScriptManager ID="ScriptManager1" runat="server" Theme="Gray">
    </ext:ScriptManager>
    <ext:Store runat="server" ID="sPaisIndicador">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sCantonIndicador" AutoLoad="false" OnRefreshData="CantonIndicadorRefresh">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Listeners>
            <Load Handler="#{cbxCantonIndicador}.setValue(#{cbxCantonIndicador}.store.getAt(0).get('Key'));" />
        </Listeners>
    </ext:Store>
    <ext:Store runat="server" ID="sRegionIndicador" AutoLoad="false">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sProvinciaIndicador" AutoLoad="false" OnRefreshData="ProvinciaIndicadorRefresh">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Listeners>
            <Load Handler="#{cbxProvinciaIndicador}.setValue(#{cbxProvinciaIndicador}.store.getAt(0).get('Key'));" />
        </Listeners>
    </ext:Store>
    <ext:Store runat="server" ID="sArea">
        <Reader>
            <ext:JsonReader>
                <Fields>
                    <ext:RecordField Name="Pais" />
                    <ext:RecordField Name="Region" />
                    <ext:RecordField Name="Provincia" />
                    <ext:RecordField Name="Canton" />
                    <ext:RecordField Name="Area" />
                    <ext:RecordField Name="PoblacionDirecta" />
                    <ext:RecordField Name="PoblacionIndirecta" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sIndicadores">
        <Reader>
            <ext:JsonReader>
                <Fields>
                    <ext:RecordField Name="NombreIndicador" />
                    <ext:RecordField Name="PaisIndicador" />
                    <ext:RecordField Name="RegionIndicador" />
                    <ext:RecordField Name="ProvinciaIndicador" />
                    <ext:RecordField Name="CantonIndicador" />
                    <ext:RecordField Name="ValorInicial" />
                    <ext:RecordField Name="ValorFinal" />
                    <ext:RecordField Name="Impacto" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sNombreIndicador">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
   <ext:Store runat="server" ID="sPaisArea">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sCantonArea" AutoLoad="false" OnRefreshData="CantonAreaRefresh">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Listeners>
            <Load Handler="#{cbxCantonArea}.setValue(#{cbxCantonArea}.store.getAt(0).get('Key'));" />
        </Listeners>
    </ext:Store>
    <ext:Store runat="server" ID="sRegionArea" AutoLoad="false">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store runat="server" ID="sProvinciaArea" AutoLoad="false" OnRefreshData="ProvinciaAreaRefresh">
        <Reader>
            <ext:JsonReader ReaderID="Key">
                <Fields>
                    <ext:RecordField Name="Key" />
                    <ext:RecordField Name="Value" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Listeners>
            <Load Handler="#{cbxProvinciaArea}.setValue(#{cbxProvinciaArea}.store.getAt(0).get('Key'));" />
        </Listeners>
    </ext:Store>
    <ext:Panel ID="Panel90" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;">
        <Body>
            <ext:FieldSet ID="FieldSet1" runat="server" Title="Área Beneficiada y/o Población Beneficiada"
                Width="724" BodyStyle="text-align:left;">
                <Body>
                    <ext:Panel ID="Panel91" runat="server" Border="false" Header="false" BodyStyle="padding:10px;">
                        <Body>
                            <ext:GridPanel ID="gpArea" runat="server" StoreID="sArea" StripeRows="true" Height="130px"
                                Title="">
                                <TopBar>
                                    <ext:Toolbar ID="Toolbar3" runat="server" AutoWidth="true">
                                        <Items>
                                            <ext:ToolbarButton ID="ToolbarButton3" runat="server" Text="Nuevo" Icon="NoteEdit">
                                                <Menu>
                                                    <ext:Menu ID="Menu3" runat="server">
                                                        <Items>
                                                            <ext:MenuItem ID="MenuItem3" runat="server" Icon="NoteEdit" Text="Area">
                                                                <AjaxEvents>
                                                                    <Click OnEvent="NuevoArea_Click">
                                                                        <EventMask ShowMask="true" />
                                                                    </Click>
                                                                </AjaxEvents>
                                                            </ext:MenuItem>
                                                        </Items>
                                                    </ext:Menu>
                                                </Menu>
                                            </ext:ToolbarButton>
                                        </Items>
                                    </ext:Toolbar>
                                </TopBar>
                                <ColumnModel ID="ColumnModel4" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="colEliminarArea" Header="Eliminar" Width="50" Align="Center"
                                            Fixed="true" MenuDisabled="true" Resizable="false">
                                            <Renderer Fn="PonerIconoEliminar" />
                                        </ext:Column>
                                        <ext:Column ColumnID="colPais" Header="País" Width="100" Sortable="true" DataIndex="Pais">
                                        </ext:Column>
                                        <ext:Column ColumnID="colRegion" Header="Región" Width="100" DataIndex="Region">
                                        </ext:Column>
                                        <ext:Column ColumnID="colProvincia" Header="Provincia" Width="100" DataIndex="Provincia">
                                        </ext:Column>
                                        <ext:Column ColumnID="colCanton" Header="Cantón" Width="120" Sortable="true" DataIndex="Canton">
                                            <Editor>
                                                <ext:ComboBox Editable="false" ID="cbxCA" runat="server" StoreID="sCantonArea" FieldLabel="Cantón"
                                                    DisplayField="Value" ValueField="Value">
                                                </ext:ComboBox>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colArea" Header="Área (Km^2)" Width="100" Sortable="true" DataIndex="Area">
                                        </ext:Column>
                                        <ext:Column ColumnID="colPoblacionDirecta" Header="Población Directa" Width="100"
                                            Sortable="true" DataIndex="PoblacionDirecta">
                                        </ext:Column>
                                        <ext:Column ColumnID="colPoblacionIndirecta" Header="Población Indirecta" Width="100"
                                            Sortable="true" DataIndex="PoblacionIndirecta">
                                        </ext:Column>
                                    </Columns>
                                </ColumnModel>
                                <Listeners>
                                    <CellClick Fn="cellClick" />
                                </Listeners>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel4" runat="server" SingleSelect="true">
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                            </ext:GridPanel>
                        </Body>
                    </ext:Panel>
                </Body>
            </ext:FieldSet>
            <ext:FieldSet ID="FieldSet16" runat="server" Title="Indicadores de Evaluación" Width="724"
                BodyStyle="text-align:left;">
                <Body>
                    <ext:Panel ID="Panel101" runat="server" Border="false" Header="false" BodyStyle="padding:10px;">
                        <Body>
                            <ext:GridPanel ID="gpIndicadores" runat="server" StoreID="sIndicadores" StripeRows="true"
                                Height="130px" Title="">
                                <TopBar>
                                    <ext:Toolbar ID="Toolbar4" runat="server" AutoWidth="true">
                                        <Items>
                                            <ext:ToolbarButton ID="ToolbarButton4" runat="server" Text="Nuevo" Icon="NoteEdit">
                                                <Menu>
                                                    <ext:Menu ID="Menu4" runat="server">
                                                        <Items>
                                                            <ext:MenuItem ID="MenuItem4" runat="server" Icon="NoteEdit" Text="Indicador">
                                                                <AjaxEvents>
                                                                    <Click OnEvent="NuevoIndicador_Click">
                                                                        <EventMask ShowMask="true" />
                                                                    </Click>
                                                                </AjaxEvents>
                                                            </ext:MenuItem>
                                                        </Items>
                                                    </ext:Menu>
                                                </Menu>
                                            </ext:ToolbarButton>
                                        </Items>
                                    </ext:Toolbar>
                                </TopBar>
                                <ColumnModel ID="ColumnModel5" runat="server">
                                    <Columns>
                                        <ext:Column ColumnID="colEliminarIndicador" Header="Eliminar" Width="50" Align="Center"
                                            Fixed="true" MenuDisabled="true" Resizable="false">
                                            <Renderer Fn="PonerIconoEliminar" />
                                        </ext:Column>
                                        <ext:Column ColumnID="colNombreIndicador" Header="Nombre Indicador" Width="100" Sortable="true"
                                            DataIndex="NombreIndicador">
                                            <Editor>
                                                <ext:ComboBox Editable="false" ID="ComboBox8" runat="server" FieldLabel="Nombre Indicador" StoreID="sNombreIndicador"
                                                    DisplayField="Value" ValueField="Value">
                                                </ext:ComboBox>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colRegion" Header="Región" Width="100" Sortable="true" DataIndex="RegionIndicador">
                                        </ext:Column>
                                        <ext:Column ColumnID="colProvincia" Header="Provincia" Width="100" DataIndex="ProvinciaIndicador">
                                        </ext:Column>
                                        <ext:Column ColumnID="colCanton" Header="Cantón" Width="120" Sortable="true" DataIndex="CantonIndicador">
                                            <Editor>
                                                <ext:ComboBox Editable="false" ID="cbxCI" runat="server" StoreID="sCantonIndicador" FieldLabel="Cantón"
                                                    DisplayField="Value" ValueField="Value">
                                                </ext:ComboBox>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colValorInicial" Header="Valor Inicial" Width="100" Sortable="true"
                                            DataIndex="ValorInicial">
                                        </ext:Column>
                                        <ext:Column ColumnID="colValorFinal" Header="Valor Final" Width="100" Sortable="true"
                                            DataIndex="ValorFinal">
                                            <Editor>
                                                <ext:NumberField FieldLabel="Valor Final" ID="txtValFinal" runat="server">
                                                </ext:NumberField>
                                            </Editor>
                                        </ext:Column>
                                        <ext:Column ColumnID="colImpacto" Header="Impacto" Width="100" Sortable="true" DataIndex="Impacto">
                                        </ext:Column>
                                    </Columns>
                                </ColumnModel>
                                <Listeners>
                                    <CellClick Fn="cellClick" />
                                    <AfterEdit Handler="CalculoImpacto(#{gpIndicadores});" />
                                </Listeners>
                                <SelectionModel>
                                    <ext:RowSelectionModel ID="RowSelectionModel5" runat="server" SingleSelect="true">
                                    </ext:RowSelectionModel>
                                </SelectionModel>
                            </ext:GridPanel>
                        </Body>
                    </ext:Panel>
                    <ext:Panel ID="Panel92" runat="server" AutoHeight="true" BodyStyle="padding-top:10px;"
                        Border="false">
                        <Body>
                            <ext:ColumnLayout ID="ColumnLayout25" runat="server">
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel ID="Panel93" runat="server" Border="false" Header="false">
                                        <Body>
                                            <center>
                                                <ext:Button runat="server" ID="Button13" Text="Atras" Icon="ArrowLeft">
                                                    <%--<AjaxEvents>
                                                        <Click OnEvent="btnTab7Atras_Click">
                                                            <EventMask ShowMask="true" />
                                                        </Click>
                                                    </AjaxEvents>--%>
                                                </ext:Button>
                                            </center>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                                <ext:LayoutColumn ColumnWidth=".5">
                                    <ext:Panel ID="Panel45" runat="server" Border="false" Header="false">
                                        <Body>
                                            <center>
                                            </center>
                                        </Body>
                                    </ext:Panel>
                                </ext:LayoutColumn>
                            </ext:ColumnLayout>
                        </Body>
                    </ext:Panel>
                </Body>
            </ext:FieldSet>
        </Body>
    </ext:Panel>
    <ext:Window ID="wIndicadores" runat="server" Icon="Application" Resizable="false"
        Title="Indicadores de Evaluación" Modal="True" Height="300px" Width="600px" ShowOnLoad="False">
        <Body>
            <ext:Panel ID="Panel102" runat="server" Border="false" BodyStyle="padding:5px;background-color:Transparent;">
                <Body>
                    <ext:ColumnLayout ID="ColumnLayout29" runat="server">
                        <ext:LayoutColumn ColumnWidth=".5">
                            <ext:Panel runat="server" ID="Panel103" Border="false" BodyStyle="padding:5px;">
                                <Body>
                                    <ext:FormPanel ID="FormPanel4" runat="server" MonitorPoll="500" MonitorValid="true"
                                        Width="555" BodyStyle="padding:5px;" ButtonAlign="Right">
                                        <Body>
                                            <ext:ColumnLayout ID="ColumnLayout30" runat="server">
                                                <ext:LayoutColumn ColumnWidth=".5">
                                                    <ext:Panel ID="Panel104" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                        <Defaults>
                                                            <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
                                                            <ext:Parameter Name="MsgTarget" Value="side" />
                                                        </Defaults>
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout33" runat="server" LabelAlign="Left" LabelWidth="130">
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxIndicador" runat="server" FieldLabel="Nombre Indicador" StoreID="sNombreIndicador"
                                                                        DisplayField="Value" ValueField="Key">
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <%--<ext:Anchor Horizontal="96%">
                                                                <ext:ComboBox Editable="false" ID="cbxPaisIndicador" runat="server" FieldLabel="País" StoreID="sPaisIndicador"
                                                                    DisplayField="Value" ValueField="Key">
                                                                    <Listeners>
                                                                        <Select Handler="#{cbxRegionIndicador}.clearValue(); #{sRegionIndicador}.reload();#{cbxProvinciaIndicador}.clearValue(); ; #{sProvinciaIndicador}.reload();#{cbxCantonIndicador}.clearValue();  #{sCantonIndicador}.reload();" />
                                                                    </Listeners>
                                                                </ext:ComboBox>
                                                            </ext:Anchor>--%>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxRegionIndicador" runat="server" FieldLabel="Región" StoreID="sRegionIndicador"
                                                                        DisplayField="Value" ValueField="Key">
                                                                        <Listeners>
                                                                            <Select Handler="#{cbxProvinciaIndicador}.clearValue(); #{sProvinciaIndicador}.reload();#{cbxCantonIndicador}.clearValue(); #{sCantonIndicador}.reload();" />
                                                                        </Listeners>
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxProvinciaIndicador" runat="server" StoreID="sProvinciaIndicador"
                                                                        FieldLabel="Provincia" DisplayField="Value" ValueField="Key">
                                                                        <Listeners>
                                                                            <Select Handler="#{cbxCantonIndicador}.clearValue(); #{sCantonIndicador}.reload();" />
                                                                        </Listeners>
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxCantonIndicador" runat="server" StoreID="sCantonIndicador" FieldLabel="Cantón"
                                                                        DisplayField="Value" ValueField="Key">
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:NumberField FieldLabel="Valor Inicial" ID="txtValorInicial" runat="server">
                                                                    </ext:NumberField>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:Panel ID="Panel105" runat="server" AutoHeight="true" BodyStyle="padding:5px;"
                                                                        Border="false">
                                                                        <Body>
                                                                            <ext:ColumnLayout ID="ColumnLayout31" runat="server">
                                                                                <ext:LayoutColumn ColumnWidth=".5">
                                                                                    <ext:Panel ID="Panel106" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                                                        <Body>
                                                                                            <center>
                                                                                                <ext:Button runat="server" ID="Button17" Text="Ingresar" Icon="Add">
                                                                                                    <AjaxEvents>
                                                                                                        <Click OnEvent="btnIngresarIndicador_Click" Before="if(#{FormPanel4}.getForm().isValid()){InsertarFilaIndicador();#{wIndicadores}.hide();}else{#{wIndicadores}.show();Ext.Msg.show({icon: Ext.MessageBox.ERROR, msg: 'Todos los campos son obligatorios', buttons:Ext.Msg.OK});}"
                                                                                                            Failure="Ext.Msg.show({ 
                                                                                                                               title   : 'Error', 
                                                                                                                               msg     : 'Error durante el ingreso...', 
                                                                                                                               minWidth: 200, 
                                                                                                                               modal   : true, 
                                                                                                                               icon    : Ext.Msg.ERROR, 
                                                                                                                               buttons : Ext.Msg.OK 
                                                                                                                });">
                                                                                                        </Click>
                                                                                                    </AjaxEvents>
                                                                                                </ext:Button>
                                                                                            </center>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutColumn>
                                                                                <ext:LayoutColumn ColumnWidth=".5">
                                                                                    <ext:Panel ID="Panel107" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                                                        <Body>
                                                                                            <center>
                                                                                                <ext:Button runat="server" ID="Button18" Text="Cancelar" Icon="Stop">
                                                                                                    <AjaxEvents>
                                                                                                        <Click OnEvent="btnCancelarIndicador_Click">
                                                                                                            <EventMask ShowMask="true" />
                                                                                                        </Click>
                                                                                                    </AjaxEvents>
                                                                                                </ext:Button>
                                                                                            </center>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutColumn>
                                                                            </ext:ColumnLayout>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>
                                            </ext:ColumnLayout>
                                        </Body>
                                        <BottomBar>
                                            <ext:StatusBar ID="StatusBar3" runat="server" />
                                        </BottomBar>
                                        <Listeners>
                                            <ClientValidation Handler="#{StatusBar3}.setStatus({text: valid ? 'Formulario Válido' : 'Formulario Inválido', iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
                                        </Listeners>
                                    </ext:FormPanel>
                                </Body>
                            </ext:Panel>
                        </ext:LayoutColumn>
                    </ext:ColumnLayout>
                </Body>
            </ext:Panel>
        </Body>
    </ext:Window>
    <ext:Window ID="wArea" runat="server" Icon="Application" Title="Área Beneficiada y/o Población Beneficiada"
        Modal="True" Height="320px" Width="600px" ShowOnLoad="False" Resizable="false">
        <Body>
            <ext:Panel ID="Panel95" runat="server" Border="false" BodyStyle="padding:5px;background-color:Transparent;">
                <Body>
                    <ext:ColumnLayout ID="ColumnLayout26" runat="server">
                        <ext:LayoutColumn ColumnWidth=".5">
                            <ext:Panel runat="server" ID="Panel96" Border="false" BodyStyle="padding:5px;">
                                <Body>
                                    <ext:FormPanel ID="FormPanel3" runat="server" MonitorPoll="500" MonitorValid="true"
                                        Width="555" BodyStyle="padding:5px;" ButtonAlign="Right">
                                        <Body>
                                            <ext:ColumnLayout ID="ColumnLayout27" runat="server">
                                                <ext:LayoutColumn ColumnWidth=".5">
                                                    <ext:Panel ID="Panel97" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                        <Defaults>
                                                            <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
                                                            <ext:Parameter Name="MsgTarget" Value="side" />
                                                        </Defaults>
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout32" runat="server" LabelAlign="Left" LabelWidth="130">
                                                                <%--<ext:Anchor Horizontal="96%">
                                                                <ext:ComboBox Editable="false" ID="cbxPaisArea" runat="server" FieldLabel="País" StoreID="sPaisArea"
                                                                    DisplayField="Value" ValueField="Key">
                                                                    <Listeners>
                                                                        <Select Handler="#{cbxRegionArea}.clearValue(); #{sRegionArea}.reload();#{cbxProvinciaArea}.clearValue(); ; #{sProvinciaArea}.reload();#{cbxCantonArea}.clearValue();  #{sCantonArea}.reload();" />
                                                                    </Listeners>
                                                                </ext:ComboBox>
                                                            </ext:Anchor>--%>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxRegionArea" runat="server" FieldLabel="Región" StoreID="sRegionArea"
                                                                        DisplayField="Value" ValueField="Key">
                                                                        <Listeners>
                                                                            <Select Handler="#{cbxProvinciaArea}.clearValue(); #{sProvinciaArea}.reload();#{cbxCantonArea}.clearValue(); #{sCantonArea}.reload();" />
                                                                        </Listeners>
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxProvinciaArea" runat="server" StoreID="sProvinciaArea" FieldLabel="Provincia"
                                                                        DisplayField="Value" ValueField="Key">
                                                                        <Listeners>
                                                                            <Select Handler="#{cbxCantonArea}.clearValue(); #{sCantonArea}.reload();" />
                                                                        </Listeners>
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:ComboBox Editable="false" ID="cbxCantonArea" runat="server" StoreID="sCantonArea" FieldLabel="Cantón"
                                                                        DisplayField="Value" ValueField="Key">
                                                                    </ext:ComboBox>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:TextField FieldLabel="Area (Km^2)" ID="txtArea" runat="server">
                                                                        <Listeners>
                                                                            <Change Handler="#{txtArea}.setValue(validarNumerosPositivos(#{txtArea}.getValue()));" />
                                                                        </Listeners>
                                                                    </ext:TextField>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:TextField FieldLabel="Población Directa" ID="txtPoblacionDirecta" runat="server">
                                                                        <Listeners>
                                                                            <Change Handler="#{txtPoblacionDirecta}.setValue(validarNumerosPositivos(#{txtPoblacionDirecta}.getValue()));" />
                                                                        </Listeners>
                                                                    </ext:TextField>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:TextField FieldLabel="Población Indirecta" ID="txtPoblacionIndirecta" runat="server">
                                                                        <Listeners>
                                                                            <Change Handler="#{txtPoblacionIndirecta}.setValue(validarNumerosPositivos(#{txtPoblacionIndirecta}.getValue()));" />
                                                                        </Listeners>
                                                                    </ext:TextField>
                                                                </ext:Anchor>
                                                                <ext:Anchor Horizontal="96%">
                                                                    <ext:Panel ID="Panel98" runat="server" AutoHeight="true" BodyStyle="padding:5px;"
                                                                        Border="false">
                                                                        <Body>
                                                                            <ext:ColumnLayout ID="ColumnLayout28" runat="server">
                                                                                <ext:LayoutColumn ColumnWidth=".5">
                                                                                    <ext:Panel ID="Panel99" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                                                        <Body>
                                                                                            <center>
                                                                                                <ext:Button runat="server" ID="Button15" Text="Ingresar" Icon="Add">
                                                                                                    <AjaxEvents>
                                                                                                        <Click OnEvent="btnIngresarArea_Click" Before="if(#{FormPanel3}.getForm().isValid()){InsertarFilaArea();#{wArea}.hide();}else{#{wArea}.show();Ext.Msg.show({icon: Ext.MessageBox.ERROR, msg: 'Todos los campos son obligatorios', buttons:Ext.Msg.OK});}"
                                                                                                            Failure="Ext.Msg.show({ 
                                                                                                                               title   : 'Error', 
                                                                                                                               msg     : 'Error durante el ingreso...', 
                                                                                                                               minWidth: 200, 
                                                                                                                               modal   : true, 
                                                                                                                               icon    : Ext.Msg.ERROR, 
                                                                                                                               buttons : Ext.Msg.OK 
                                                                                                                });">
                                                                                                        </Click>
                                                                                                    </AjaxEvents>
                                                                                                </ext:Button>
                                                                                            </center>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutColumn>
                                                                                <ext:LayoutColumn ColumnWidth=".5">
                                                                                    <ext:Panel ID="Panel100" runat="server" Border="false" Header="false" BodyStyle="padding:5px;">
                                                                                        <Body>
                                                                                            <center>
                                                                                                <ext:Button runat="server" ID="Button16" Text="Cancelar" Icon="Stop">
                                                                                                    <AjaxEvents>
                                                                                                        <Click OnEvent="btnCancelarArea_Click">
                                                                                                            <EventMask ShowMask="true" />
                                                                                                        </Click>
                                                                                                    </AjaxEvents>
                                                                                                </ext:Button>
                                                                                            </center>
                                                                                        </Body>
                                                                                    </ext:Panel>
                                                                                </ext:LayoutColumn>
                                                                            </ext:ColumnLayout>
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>
                                            </ext:ColumnLayout>
                                        </Body>
                                        <BottomBar>
                                            <ext:StatusBar ID="StatusBar2" runat="server" />
                                        </BottomBar>
                                        <Listeners>
                                            <ClientValidation Handler="#{StatusBar2}.setStatus({text: valid ? 'Formulario Válido' : 'Formulario Inválido', iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
                                        </Listeners>
                                    </ext:FormPanel>
                                </Body>
                            </ext:Panel>
                        </ext:LayoutColumn>
                    </ext:ColumnLayout>
                </Body>
            </ext:Panel>
        </Body>
    </ext:Window>
    </form>
</body>
</html>
